<!DOCTYPE html>
<html lang="en-US">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <title>Community Guide | Vue.js</title>
    <meta name="description" content="Vue.js - The Progressive JavaScript Framework">
    <link rel="stylesheet" href="static/css/style.d14beee3.css">
    <link rel="modulepreload" href="https://vuejs.org/assets/app.a30aa7c3.js">
    <link rel="modulepreload" href="https://vuejs.org/assets/about_community-guide.md.ecd55cd7.lean.js">
    <link rel="prefetch" href="https://vuejs.org/assets/chunks/VPAlgoliaSearchBox.c56f801b.js">
    <link rel="icon" href="https://vuejs.org/logo.svg">
  <link rel="preload" href="https://vuejs.org/assets/inter-latin.7b37fe23.woff2" as="font" type="font/woff2" crossorigin="anonymous">
  <script>(()=>{const e=localStorage.getItem("vue-theme-appearance");(!e||e==="auto"?window.matchMedia("(prefers-color-scheme: dark)").matches:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
  <meta name="twitter:site" content="@vuejs">
  <meta name="twitter:card" content="summary">
  <meta name="twitter:image" content="https://vuejs.org/images/logo.png">
  <link rel="preconnect" href="https://sponsors.vuejs.org/">
  <script>(()=>{const e=(o,r,c=!1)=>{const s=localStorage.getItem(o);(s?s!=="false":c)&&document.documentElement.classList.add(r)};e("vue-docs-prefer-composition","prefer-composition"),e("vue-docs-prefer-sfc","prefer-sfc",!0),window.__VUE_BANNER_ID__="wip",e(`vue-docs-banner-${__VUE_BANNER_ID__}`,"banner-dismissed")})();</script>
  <script src="static/js/script.js" data-site="XNOLWPLB" data-spa="auto" defer=""></script>
  <meta name="twitter:title" content="Community Guide | Vue.js">
  <meta property="og:title" content="Community Guide | Vue.js">
  </head>
  <body>
    <div id="app"><div class="VPApp" data-v-204468d7=""><!--[--><span tabindex="-1" data-v-4f742274=""></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-4f742274=""> Skip to content </a><!--]--><!----><!--[--><div class="banner" data-v-7b6b3f89=""> Vue 3 is now the new default version! <a href="vue-3-as-the-new-default.html" target="_blank" data-v-7b6b3f89="">Learn more</a></div><!--]--><header class="VPNav nav-bar stick" data-v-204468d7="" data-v-01dbeacc=""><div class="VPNavBar" data-v-01dbeacc="" data-v-6a126dd3=""><div class="container" data-v-6a126dd3=""><a class="VPNavBarTitle" href="index12.html" data-v-6a126dd3="" data-v-5f26462c=""><svg class="logo" viewbox="0 0 128 128" width="24" height="24" data-v-5f26462c=""><path fill="#42b883" d="M78.8,10L64,35.4L49.2,10H0l64,110l64-110C128,10,78.8,10,78.8,10z" data-v-5f26462c=""></path><path fill="#35495e" d="M78.8,10L64,35.4L49.2,10H25.6L64,76l38.4-66H78.8z" data-v-5f26462c=""></path></svg><span class="text" data-v-5f26462c="">Vue.js</span></a><div class="content" data-v-6a126dd3=""><div class="VPNavBarSearch search" data-v-6a126dd3=""><div id="docsearch"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewbox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><span class="DocSearch-Button-Key">Meta</span><span class="DocSearch-Button-Key">K</span></span></button></div></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-6a126dd3="" data-v-68faa570=""><span id="main-nav-aria-label" class="visually-hidden" data-v-68faa570="">Main Navigation</span><!--[--><!--[--><div class="vt-flyout VPNavBarMenuGroup" ref_key="elRef" data-v-68faa570="" data-v-b598edbc=""><button type="button" class="vt-flyout-button" aria-haspopup="true" aria-expanded="false"><span class="vt-flyout-button-text">Docs <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewbox="0 0 24 24" class="vt-flyout-button-text-icon"><path d="M12,16c-0.3,0-0.5-0.1-0.7-0.3l-6-6c-0.4-0.4-0.4-1,0-1.4s1-0.4,1.4,0l5.3,5.3l5.3-5.3c0.4-0.4,1-0.4,1.4,0s0.4,1,0,1.4l-6,6C12.5,15.9,12.3,16,12,16z"></path></svg></span></button><div class="vt-flyout-menu"><div class="vt-menu"><div class="vt-menu-items"><!--[--><!--[--><a class="vt-link link vt-menu-link" href="introduction3.html"><!--[-->Guide<!--]--><!----></a><!--]--><!--[--><a class="vt-link link vt-menu-link" href="javascript:;"><!--[-->Tutorial<!--]--><!----></a><!--]--><!--[--><a class="vt-link link vt-menu-link" href="javascript:;"><!--[-->Examples<!--]--><!----></a><!--]--><!--[--><a class="vt-link link vt-menu-link" href="quick-start.html"><!--[-->Quick Start<!--]--><!----></a><!--]--><!--[--><a class="vt-link link vt-menu-link" href="javascript:;"><!--[-->Style Guide<!--]--><!----></a><!--]--><!--[--><a class="vt-link link vt-menu-link" href="javascript:;" target="_blank" rel="noopener noreferrer"><!--[-->Migration from Vue 2<!--]--><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" height="24px" viewbox="0 0 24 24" width="24px" class="vt-link-icon"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5H9z"></path></svg></a><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--[--><a class="vt-link link VPNavBarMenuLink" href="javascript:;" data-v-68faa570="" data-v-c1ab2038=""><!--[-->API<!--]--><!----></a><!--]--><!--[--><a class="vt-link link VPNavBarMenuLink" href="javascript:;" target="_blank" rel="noopener noreferrer" data-v-68faa570="" data-v-c1ab2038=""><!--[-->Playground<!--]--><!----></a><!--]--><!--[--><div class="vt-flyout VPNavBarMenuGroup" ref_key="elRef" data-v-68faa570="" data-v-b598edbc=""><button type="button" class="vt-flyout-button" aria-haspopup="true" aria-expanded="false"><span class="vt-flyout-button-text">Ecosystem <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewbox="0 0 24 24" class="vt-flyout-button-text-icon"><path d="M12,16c-0.3,0-0.5-0.1-0.7-0.3l-6-6c-0.4-0.4-0.4-1,0-1.4s1-0.4,1.4,0l5.3,5.3l5.3-5.3c0.4-0.4,1-0.4,1.4,0s0.4,1,0,1.4l-6,6C12.5,15.9,12.3,16,12,16z"></path></svg></span></button><div class="vt-flyout-menu"><div class="vt-menu"><div class="vt-menu-items"><!--[--><!--[--><div class="vt-menu-group"><p class="vt-menu-group-title">Resources</p><!--[--><!--[--><a class="vt-link link vt-menu-link" href="partners1.html"><!--[-->Partners<!--]--><!----></a><!--]--><!--[--><a class="vt-link link vt-menu-link" href="themes1.html"><!--[-->Themes<!--]--><!----></a><!--]--><!--[--><a class="vt-link link vt-menu-link" href="javascript:;" target="_blank" rel="noopener noreferrer"><!--[-->Jobs<!--]--><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" height="24px" viewbox="0 0 24 24" width="24px" class="vt-link-icon"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5H9z"></path></svg></a><!--]--><!--[--><a class="vt-link link vt-menu-link" href="javascript:;" target="_blank" rel="noopener noreferrer"><!--[-->T-Shirt Shop<!--]--><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" height="24px" viewbox="0 0 24 24" width="24px" class="vt-link-icon"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5H9z"></path></svg></a><!--]--><!--]--></div><!--]--><!--[--><div class="vt-menu-group"><p class="vt-menu-group-title">Video Courses</p><!--[--><!--[--><a class="vt-link link vt-menu-link" href="javascript:;" target="_blank" rel="noopener noreferrer"><!--[-->Vue Mastery<!--]--><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" height="24px" viewbox="0 0 24 24" width="24px" class="vt-link-icon"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5H9z"></path></svg></a><!--]--><!--[--><a class="vt-link link vt-menu-link" href="javascript:;" target="_blank" rel="noopener noreferrer"><!--[-->Vue School<!--]--><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" height="24px" viewbox="0 0 24 24" width="24px" class="vt-link-icon"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5H9z"></path></svg></a><!--]--><!--]--></div><!--]--><!--[--><div class="vt-menu-group"><p class="vt-menu-group-title">Help</p><!--[--><!--[--><a class="vt-link link vt-menu-link" href="javascript:;" target="_blank" rel="noopener noreferrer"><!--[-->Discord Chat<!--]--><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" height="24px" viewbox="0 0 24 24" width="24px" class="vt-link-icon"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5H9z"></path></svg></a><!--]--><!--[--><a class="vt-link link vt-menu-link" href="index25.html" target="_blank" rel="noopener noreferrer"><!--[-->Forum<!--]--><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" height="24px" viewbox="0 0 24 24" width="24px" class="vt-link-icon"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5H9z"></path></svg></a><!--]--><!--[--><a class="vt-link link vt-menu-link" href="javascript:;" target="_blank" rel="noopener noreferrer"><!--[-->DEV Community<!--]--><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" height="24px" viewbox="0 0 24 24" width="24px" class="vt-link-icon"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5H9z"></path></svg></a><!--]--><!--]--></div><!--]--><!--[--><div class="vt-menu-group"><p class="vt-menu-group-title">News</p><!--[--><!--[--><a class="vt-link link vt-menu-link" href="index10.html" target="_blank" rel="noopener noreferrer"><!--[-->Blog<!--]--><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" height="24px" viewbox="0 0 24 24" width="24px" class="vt-link-icon"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5H9z"></path></svg></a><!--]--><!--[--><a class="vt-link link vt-menu-link" href="javascript:;" target="_blank" rel="noopener noreferrer"><!--[-->Twitter<!--]--><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" height="24px" viewbox="0 0 24 24" width="24px" class="vt-link-icon"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5H9z"></path></svg></a><!--]--><!--[--><a class="vt-link link vt-menu-link" href="index9.html" target="_blank" rel="noopener noreferrer"><!--[-->Newsletter<!--]--><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" height="24px" viewbox="0 0 24 24" width="24px" class="vt-link-icon"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5H9z"></path></svg></a><!--]--><!--[--><a class="vt-link link vt-menu-link" href="javascript:;" target="_blank" rel="noopener noreferrer"><!--[-->Events<!--]--><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" height="24px" viewbox="0 0 24 24" width="24px" class="vt-link-icon"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5H9z"></path></svg></a><!--]--><!--]--></div><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--[--><div class="vt-flyout VPNavBarMenuGroup active" ref_key="elRef" data-v-68faa570="" data-v-b598edbc=""><button type="button" class="vt-flyout-button" aria-haspopup="true" aria-expanded="false"><span class="vt-flyout-button-text">About <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewbox="0 0 24 24" class="vt-flyout-button-text-icon"><path d="M12,16c-0.3,0-0.5-0.1-0.7-0.3l-6-6c-0.4-0.4-0.4-1,0-1.4s1-0.4,1.4,0l5.3,5.3l5.3-5.3c0.4-0.4,1-0.4,1.4,0s0.4,1,0,1.4l-6,6C12.5,15.9,12.3,16,12,16z"></path></svg></span></button><div class="vt-flyout-menu"><div class="vt-menu"><div class="vt-menu-items"><!--[--><!--[--><a class="vt-link link vt-menu-link" href="faq.html"><!--[-->FAQ<!--]--><!----></a><!--]--><!--[--><a class="vt-link link vt-menu-link" href="team1.html"><!--[-->Team<!--]--><!----></a><!--]--><!--[--><a class="vt-link link vt-menu-link" href="releases.html"><!--[-->Releases<!--]--><!----></a><!--]--><!--[--><a class="vt-link link vt-menu-link" href=""><!--[-->Community Guide<!--]--><!----></a><!--]--><!--[--><a class="vt-link link vt-menu-link" href="coc.html"><!--[-->Code of Conduct<!--]--><!----></a><!--]--><!--[--><a class="vt-link link vt-menu-link" href="javascript:;" target="_blank" rel="noopener noreferrer"><!--[-->The Documentary<!--]--><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" height="24px" viewbox="0 0 24 24" width="24px" class="vt-link-icon"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5H9z"></path></svg></a><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--[--><a class="vt-link link VPNavBarMenuLink" href="javascript:;" data-v-68faa570="" data-v-c1ab2038=""><!--[-->Sponsor<!--]--><!----></a><!--]--><!--]--></nav><div class="VPNavBarAppearance appearance" data-v-6a126dd3="" data-v-10e6f5bd=""><button class="vt-switch vt-switch-appearance" type="button" role="switch" aria-label="toggle dark mode" data-v-10e6f5bd=""><span class="vt-switch-check"><span class="vt-switch-icon"><!--[--><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewbox="0 0 24 24" class="vt-switch-appearance-sun"><path d="M12,18c-3.3,0-6-2.7-6-6s2.7-6,6-6s6,2.7,6,6S15.3,18,12,18zM12,8c-2.2,0-4,1.8-4,4c0,2.2,1.8,4,4,4c2.2,0,4-1.8,4-4C16,9.8,14.2,8,12,8z"></path><path d="M12,4c-0.6,0-1-0.4-1-1V1c0-0.6,0.4-1,1-1s1,0.4,1,1v2C13,3.6,12.6,4,12,4z"></path><path d="M12,24c-0.6,0-1-0.4-1-1v-2c0-0.6,0.4-1,1-1s1,0.4,1,1v2C13,23.6,12.6,24,12,24z"></path><path d="M5.6,6.6c-0.3,0-0.5-0.1-0.7-0.3L3.5,4.9c-0.4-0.4-0.4-1,0-1.4s1-0.4,1.4,0l1.4,1.4c0.4,0.4,0.4,1,0,1.4C6.2,6.5,5.9,6.6,5.6,6.6z"></path><path d="M19.8,20.8c-0.3,0-0.5-0.1-0.7-0.3l-1.4-1.4c-0.4-0.4-0.4-1,0-1.4s1-0.4,1.4,0l1.4,1.4c0.4,0.4,0.4,1,0,1.4C20.3,20.7,20,20.8,19.8,20.8z"></path><path d="M3,13H1c-0.6,0-1-0.4-1-1s0.4-1,1-1h2c0.6,0,1,0.4,1,1S3.6,13,3,13z"></path><path d="M23,13h-2c-0.6,0-1-0.4-1-1s0.4-1,1-1h2c0.6,0,1,0.4,1,1S23.6,13,23,13z"></path><path d="M4.2,20.8c-0.3,0-0.5-0.1-0.7-0.3c-0.4-0.4-0.4-1,0-1.4l1.4-1.4c0.4-0.4,1-0.4,1.4,0s0.4,1,0,1.4l-1.4,1.4C4.7,20.7,4.5,20.8,4.2,20.8z"></path><path d="M18.4,6.6c-0.3,0-0.5-0.1-0.7-0.3c-0.4-0.4-0.4-1,0-1.4l1.4-1.4c0.4-0.4,1-0.4,1.4,0s0.4,1,0,1.4l-1.4,1.4C18.9,6.5,18.6,6.6,18.4,6.6z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewbox="0 0 24 24" class="vt-switch-appearance-moon"><path d="M12.1,22c-0.3,0-0.6,0-0.9,0c-5.5-0.5-9.5-5.4-9-10.9c0.4-4.8,4.2-8.6,9-9c0.4,0,0.8,0.2,1,0.5c0.2,0.3,0.2,0.8-0.1,1.1c-2,2.7-1.4,6.4,1.3,8.4c2.1,1.6,5,1.6,7.1,0c0.3-0.2,0.7-0.3,1.1-0.1c0.3,0.2,0.5,0.6,0.5,1c-0.2,2.7-1.5,5.1-3.6,6.8C16.6,21.2,14.4,22,12.1,22zM9.3,4.4c-2.9,1-5,3.6-5.2,6.8c-0.4,4.4,2.8,8.3,7.2,8.7c2.1,0.2,4.2-0.4,5.8-1.8c1.1-0.9,1.9-2.1,2.4-3.4c-2.5,0.9-5.3,0.5-7.5-1.1C9.2,11.4,8.1,7.7,9.3,4.4z"></path></svg><!--]--></span></span></button></div><div class="vt-social-links VPNavBarSocialLinks social-links" data-v-6a126dd3="" data-v-3d7800db=""><!--[--><a class="vt-social-link is-small" href="javascript:;" title="languages" rel="noopener noreferrer"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewbox="0 0 24 24" class="vt-social-link-icon"><path d="M0 0h24v24H0z" fill="none"></path><path d=" M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z " class="css-c4d79v"></path></svg><span class="visually-hidden">languages</span></a><a class="vt-social-link is-small" href="javascript:;" title="github" target="_blank" rel="noopener noreferrer"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewbox="0 0 24 24" class="vt-social-link-icon"><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"></path></svg><span class="visually-hidden">github</span></a><a class="vt-social-link is-small" href="javascript:;" title="twitter" target="_blank" rel="noopener noreferrer"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewbox="0 0 24 24" class="vt-social-link-icon"><path d="M23.953 4.57a10 10 0 01-2.825.775 4.958 4.958 0 002.163-2.723c-.951.555-2.005.959-3.127 1.184a4.92 4.92 0 00-8.384 4.482C7.69 8.095 4.067 6.13 1.64 3.162a4.822 4.822 0 00-.666 2.475c0 1.71.87 3.213 2.188 4.096a4.904 4.904 0 01-2.228-.616v.06a4.923 4.923 0 003.946 4.827 4.996 4.996 0 01-2.212.085 4.936 4.936 0 004.604 3.417 9.867 9.867 0 01-6.102 2.105c-.39 0-.779-.023-1.17-.067a13.995 13.995 0 007.557 2.209c9.053 0 13.998-7.496 13.998-13.985 0-.21 0-.42-.015-.63A9.935 9.935 0 0024 4.59z"></path></svg><span class="visually-hidden">twitter</span></a><a class="vt-social-link is-small" href="javascript:;" title="discord" target="_blank" rel="noopener noreferrer"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewbox="0 0 24 24" class="vt-social-link-icon"><path d="M20.222 0c1.406 0 2.54 1.137 2.607 2.475V24l-2.677-2.273-1.47-1.338-1.604-1.398.67 2.205H3.71c-1.402 0-2.54-1.065-2.54-2.476V2.48C1.17 1.142 2.31.003 3.715.003h16.5L20.222 0zm-6.118 5.683h-.03l-.202.2c2.073.6 3.076 1.537 3.076 1.537-1.336-.668-2.54-1.002-3.744-1.137-.87-.135-1.74-.064-2.475 0h-.2c-.47 0-1.47.2-2.81.735-.467.203-.735.336-.735.336s1.002-1.002 3.21-1.537l-.135-.135s-1.672-.064-3.477 1.27c0 0-1.805 3.144-1.805 7.02 0 0 1 1.74 3.743 1.806 0 0 .4-.533.805-1.002-1.54-.468-2.14-1.404-2.14-1.404s.134.066.335.2h.06c.03 0 .044.015.06.03v.006c.016.016.03.03.06.03.33.136.66.27.93.4.466.202 1.065.403 1.8.536.93.135 1.996.2 3.21 0 .6-.135 1.2-.267 1.8-.535.39-.2.87-.4 1.397-.737 0 0-.6.936-2.205 1.404.33.466.795 1 .795 1 2.744-.06 3.81-1.8 3.87-1.726 0-3.87-1.815-7.02-1.815-7.02-1.635-1.214-3.165-1.26-3.435-1.26l.056-.02zm.168 4.413c.703 0 1.27.6 1.27 1.335 0 .74-.57 1.34-1.27 1.34-.7 0-1.27-.6-1.27-1.334.002-.74.573-1.338 1.27-1.338zm-4.543 0c.7 0 1.266.6 1.266 1.335 0 .74-.57 1.34-1.27 1.34-.7 0-1.27-.6-1.27-1.334 0-.74.57-1.338 1.27-1.338z"></path></svg><span class="visually-hidden">discord</span></a><!--]--></div><div class="vt-flyout VPNavBarExtra extra" ref_key="elRef" data-v-6a126dd3="" data-v-47ed6b06=""><button type="button" class="vt-flyout-button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewbox="0 0 24 24" class="vt-flyout-button-icon"><circle cx="12" cy="12" r="2"></circle><circle cx="19" cy="12" r="2"></circle><circle cx="5" cy="12" r="2"></circle></svg></button><div class="vt-flyout-menu"><div class="vt-menu"><!----><!--[--><!--[--><div class="vt-menu-group" data-v-47ed6b06=""><div class="vt-menu-item item" data-v-47ed6b06=""><p class="vt-menu-label" data-v-47ed6b06="">Appearance</p><div class="vt-menu-action action" data-v-47ed6b06=""><button class="vt-switch vt-switch-appearance" type="button" role="switch" aria-label="toggle dark mode" data-v-47ed6b06=""><span class="vt-switch-check"><span class="vt-switch-icon"><!--[--><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewbox="0 0 24 24" class="vt-switch-appearance-sun"><path d="M12,18c-3.3,0-6-2.7-6-6s2.7-6,6-6s6,2.7,6,6S15.3,18,12,18zM12,8c-2.2,0-4,1.8-4,4c0,2.2,1.8,4,4,4c2.2,0,4-1.8,4-4C16,9.8,14.2,8,12,8z"></path><path d="M12,4c-0.6,0-1-0.4-1-1V1c0-0.6,0.4-1,1-1s1,0.4,1,1v2C13,3.6,12.6,4,12,4z"></path><path d="M12,24c-0.6,0-1-0.4-1-1v-2c0-0.6,0.4-1,1-1s1,0.4,1,1v2C13,23.6,12.6,24,12,24z"></path><path d="M5.6,6.6c-0.3,0-0.5-0.1-0.7-0.3L3.5,4.9c-0.4-0.4-0.4-1,0-1.4s1-0.4,1.4,0l1.4,1.4c0.4,0.4,0.4,1,0,1.4C6.2,6.5,5.9,6.6,5.6,6.6z"></path><path d="M19.8,20.8c-0.3,0-0.5-0.1-0.7-0.3l-1.4-1.4c-0.4-0.4-0.4-1,0-1.4s1-0.4,1.4,0l1.4,1.4c0.4,0.4,0.4,1,0,1.4C20.3,20.7,20,20.8,19.8,20.8z"></path><path d="M3,13H1c-0.6,0-1-0.4-1-1s0.4-1,1-1h2c0.6,0,1,0.4,1,1S3.6,13,3,13z"></path><path d="M23,13h-2c-0.6,0-1-0.4-1-1s0.4-1,1-1h2c0.6,0,1,0.4,1,1S23.6,13,23,13z"></path><path d="M4.2,20.8c-0.3,0-0.5-0.1-0.7-0.3c-0.4-0.4-0.4-1,0-1.4l1.4-1.4c0.4-0.4,1-0.4,1.4,0s0.4,1,0,1.4l-1.4,1.4C4.7,20.7,4.5,20.8,4.2,20.8z"></path><path d="M18.4,6.6c-0.3,0-0.5-0.1-0.7-0.3c-0.4-0.4-0.4-1,0-1.4l1.4-1.4c0.4-0.4,1-0.4,1.4,0s0.4,1,0,1.4l-1.4,1.4C18.9,6.5,18.6,6.6,18.4,6.6z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewbox="0 0 24 24" class="vt-switch-appearance-moon"><path d="M12.1,22c-0.3,0-0.6,0-0.9,0c-5.5-0.5-9.5-5.4-9-10.9c0.4-4.8,4.2-8.6,9-9c0.4,0,0.8,0.2,1,0.5c0.2,0.3,0.2,0.8-0.1,1.1c-2,2.7-1.4,6.4,1.3,8.4c2.1,1.6,5,1.6,7.1,0c0.3-0.2,0.7-0.3,1.1-0.1c0.3,0.2,0.5,0.6,0.5,1c-0.2,2.7-1.5,5.1-3.6,6.8C16.6,21.2,14.4,22,12.1,22zM9.3,4.4c-2.9,1-5,3.6-5.2,6.8c-0.4,4.4,2.8,8.3,7.2,8.7c2.1,0.2,4.2-0.4,5.8-1.8c1.1-0.9,1.9-2.1,2.4-3.4c-2.5,0.9-5.3,0.5-7.5-1.1C9.2,11.4,8.1,7.7,9.3,4.4z"></path></svg><!--]--></span></span></button></div></div></div><div class="vt-menu-group" data-v-47ed6b06=""><div class="vt-menu-item item" data-v-47ed6b06=""><div class="vt-social-links social-links" data-v-47ed6b06=""><!--[--><a class="vt-social-link is-small" href="javascript:;" title="languages" rel="noopener noreferrer"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewbox="0 0 24 24" class="vt-social-link-icon"><path d="M0 0h24v24H0z" fill="none"></path><path d=" M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z " class="css-c4d79v"></path></svg><span class="visually-hidden">languages</span></a><a class="vt-social-link is-small" href="javascript:;" title="github" target="_blank" rel="noopener noreferrer"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewbox="0 0 24 24" class="vt-social-link-icon"><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"></path></svg><span class="visually-hidden">github</span></a><a class="vt-social-link is-small" href="javascript:;" title="twitter" target="_blank" rel="noopener noreferrer"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewbox="0 0 24 24" class="vt-social-link-icon"><path d="M23.953 4.57a10 10 0 01-2.825.775 4.958 4.958 0 002.163-2.723c-.951.555-2.005.959-3.127 1.184a4.92 4.92 0 00-8.384 4.482C7.69 8.095 4.067 6.13 1.64 3.162a4.822 4.822 0 00-.666 2.475c0 1.71.87 3.213 2.188 4.096a4.904 4.904 0 01-2.228-.616v.06a4.923 4.923 0 003.946 4.827 4.996 4.996 0 01-2.212.085 4.936 4.936 0 004.604 3.417 9.867 9.867 0 01-6.102 2.105c-.39 0-.779-.023-1.17-.067a13.995 13.995 0 007.557 2.209c9.053 0 13.998-7.496 13.998-13.985 0-.21 0-.42-.015-.63A9.935 9.935 0 0024 4.59z"></path></svg><span class="visually-hidden">twitter</span></a><a class="vt-social-link is-small" href="javascript:;" title="discord" target="_blank" rel="noopener noreferrer"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewbox="0 0 24 24" class="vt-social-link-icon"><path d="M20.222 0c1.406 0 2.54 1.137 2.607 2.475V24l-2.677-2.273-1.47-1.338-1.604-1.398.67 2.205H3.71c-1.402 0-2.54-1.065-2.54-2.476V2.48C1.17 1.142 2.31.003 3.715.003h16.5L20.222 0zm-6.118 5.683h-.03l-.202.2c2.073.6 3.076 1.537 3.076 1.537-1.336-.668-2.54-1.002-3.744-1.137-.87-.135-1.74-.064-2.475 0h-.2c-.47 0-1.47.2-2.81.735-.467.203-.735.336-.735.336s1.002-1.002 3.21-1.537l-.135-.135s-1.672-.064-3.477 1.27c0 0-1.805 3.144-1.805 7.02 0 0 1 1.74 3.743 1.806 0 0 .4-.533.805-1.002-1.54-.468-2.14-1.404-2.14-1.404s.134.066.335.2h.06c.03 0 .044.015.06.03v.006c.016.016.03.03.06.03.33.136.66.27.93.4.466.202 1.065.403 1.8.536.93.135 1.996.2 3.21 0 .6-.135 1.2-.267 1.8-.535.39-.2.87-.4 1.397-.737 0 0-.6.936-2.205 1.404.33.466.795 1 .795 1 2.744-.06 3.81-1.8 3.87-1.726 0-3.87-1.815-7.02-1.815-7.02-1.635-1.214-3.165-1.26-3.435-1.26l.056-.02zm.168 4.413c.703 0 1.27.6 1.27 1.335 0 .74-.57 1.34-1.27 1.34-.7 0-1.27-.6-1.27-1.334.002-.74.573-1.338 1.27-1.338zm-4.543 0c.7 0 1.266.6 1.266 1.335 0 .74-.57 1.34-1.27 1.34-.7 0-1.27-.6-1.27-1.334 0-.74.57-1.338 1.27-1.338z"></path></svg><span class="visually-hidden">discord</span></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><button type="button" class="vt-hamburger VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-6a126dd3="" data-v-160e7f70=""><span class="vt-hamburger-container"><span class="vt-hamburger-top"></span><span class="vt-hamburger-middle"></span><span class="vt-hamburger-bottom"></span></span></button></div></div></div><!----></header><!----><!----><div id="VPContent" class="VPContent" data-v-204468d7="" data-v-f56f3cfe=""><div class="VPContentDoc has-aside" data-v-f56f3cfe="" data-v-7d3b0a72=""><div class="container" data-v-7d3b0a72=""><div class="aside" data-v-7d3b0a72=""><div class="aside-container" data-v-7d3b0a72=""><!--[--><!--]--><div class="VPContentDocOutline" ref_key="container" data-v-7d3b0a72="" data-v-a843c894=""><div class="outline-marker" data-v-a843c894=""></div><div class="outline-title" data-v-a843c894="">On this page</div><nav aria-labelledby="doc-outline-aria-label" data-v-a843c894=""><span id="doc-outline-aria-label" class="visually-hidden" data-v-a843c894="">Table of Contents for current page</span><ul class="root" data-v-a843c894=""><!--[--><li style="" data-v-a843c894=""><a class="outline-link" href="#resources" data-v-a843c894="">Resources</a><ul data-v-a843c894=""><!--[--><li style="" data-v-a843c894=""><a class="outline-link nested" href="#code-of-conduct" data-v-a843c894="">Code of Conduct</a></li><li style="" data-v-a843c894=""><a class="outline-link nested" href="#stay-in-the-know" data-v-a843c894="">Stay in the Know</a></li><li style="" data-v-a843c894=""><a class="outline-link nested" href="#get-support" data-v-a843c894="">Get Support</a></li><li style="" data-v-a843c894=""><a class="outline-link nested" href="#explore-the-ecosystem" data-v-a843c894="">Explore the Ecosystem</a></li><!--]--></ul></li><li style="" data-v-a843c894=""><a class="outline-link" href="#what-you-can-do" data-v-a843c894="">What You Can Do</a><ul data-v-a843c894=""><!--[--><li style="" data-v-a843c894=""><a class="outline-link nested" href="#help-fellow-users" data-v-a843c894="">Help Fellow Users</a></li><li style="" data-v-a843c894=""><a class="outline-link nested" href="#help-triage-issues" data-v-a843c894="">Help Triage Issues</a></li><li style="" data-v-a843c894=""><a class="outline-link nested" href="#contribute-code" data-v-a843c894="">Contribute Code</a></li><li style="" data-v-a843c894=""><a class="outline-link nested" href="#share-and-build-your-experience" data-v-a843c894="">Share (and Build) Your Experience</a></li><li style="" data-v-a843c894=""><a class="outline-link nested" href="#translate-docs" data-v-a843c894="">Translate Docs</a></li><li style="" data-v-a843c894=""><a class="outline-link nested" href="#become-a-community-leader" data-v-a843c894="">Become a Community Leader</a></li><!--]--></ul></li><!--]--></ul></nav></div><!--[--><!--[--><!--[--><div><a class="sponsors-aside-text" href="javascript:;">Sponsors</a><div ref_key="container" class="sponsor-container special aside" data-v-3793b348=""><!----><!----></div><div ref_key="container" class="sponsor-container platinum aside" data-v-3793b348=""><!----><a href="javascript:;" class="sponsor-item action" data-v-3793b348="">Your logo</a></div></div><!--]--><!--]--><!--]--><div class="VPCarbonAds" ref_key="container" data-v-7d3b0a72=""></div><!--[--><!--[--><!--[--><div ref_key="vuejobs" data-v-148cefec=""><!----></div><!--]--><!--]--><!--]--></div></div><div class="content" data-v-7d3b0a72=""><!--[--><!--]--><main data-v-7d3b0a72=""><div style="position:relative;" class="vt-doc about" data-v-7d3b0a72=""><div><h1 id="community-guide" tabindex="-1">Community Guide <a class="header-anchor" href="#community-guide" aria-hidden="true">#</a></h1><p>Vue&#39;s community is growing incredibly fast and if you&#39;re reading this, there&#39;s a good chance you&#39;re ready to join it. So... welcome!</p><p>Now we&#39;ll answer both what the community can do for you and what you can do for the community.</p><h2 id="resources" tabindex="-1">Resources <a class="header-anchor" href="#resources" aria-hidden="true">#</a></h2><h3 id="code-of-conduct" tabindex="-1">Code of Conduct <a class="header-anchor" href="#code-of-conduct" aria-hidden="true">#</a></h3><p>Our <a href="coc.html">Code of Conduct</a> is a guide to make it easier to enrich all of us and the technical communities in which we participate.</p><h3 id="stay-in-the-know" tabindex="-1">Stay in the Know <a class="header-anchor" href="#stay-in-the-know" aria-hidden="true">#</a></h3><ul><li>Follow our <a href="javascript:;" target="_blank" rel="noopener noreferrer">official Twitter account</a>.</li><li>Follow our <a href="team1.html">team members</a> on Twitter or GitHub.</li><li>Follow the <a href="javascript:;" target="_blank" rel="noopener noreferrer">RFC discussions</a>.</li><li>Subscribe to the <a href="index10.html" target="_blank" rel="noopener noreferrer">official blog</a>.</li></ul><h3 id="get-support" tabindex="-1">Get Support <a class="header-anchor" href="#get-support" aria-hidden="true">#</a></h3><ul><li><a href="javascript:;" target="_blank" rel="noopener noreferrer">Discord Chat</a>: A place for Vue devs to meet and chat in real time.</li><li><a href="index25.html" target="_blank" rel="noopener noreferrer">Forum</a>: The best place to ask questions and get answers about Vue and its ecosystem.</li><li><a href="javascript:;" target="_blank" rel="noopener noreferrer">DEV Community</a>: share and discuss Vue related topics on <a href="javascript:;" target="_blank" rel="noopener noreferrer">Dev.to</a>.</li><li><a href="index29.html" target="_blank" rel="noopener noreferrer">Meetups</a>: Want to find local Vue enthusiasts like yourself? Interested in becoming a community leader? We have the help and support you need right here!</li><li><a href="javascript:;" target="_blank" rel="noopener noreferrer">GitHub</a>: If you have a bug to report or feature to request, that&#39;s what the GitHub issues are for. Please respect the rules specified in each repository&#39;s issue template.</li></ul><h3 id="explore-the-ecosystem" tabindex="-1">Explore the Ecosystem <a class="header-anchor" href="#explore-the-ecosystem" aria-hidden="true">#</a></h3><ul><li><a href="javascript:;" target="_blank" rel="noopener noreferrer">The Awesome Vue Page</a>: See what other awesome resources have been published by other awesome people.</li><li><a href="javascript:;" target="_blank" rel="noopener noreferrer">Vue Telescope Explorer</a>: Explore websites made with Vue, with insights on what framework / libraries they use.</li><li><a href="javascript:;" target="_blank" rel="noopener noreferrer">Made with Vue.js</a>: showcases of projects and libraries made with Vue.</li><li><a href="6.html" target="_blank" rel="noopener noreferrer">The &quot;Show and Tell&quot; Subforum</a>: Another great place to check out what others have built with and for the growing Vue ecosystem.</li></ul><h2 id="what-you-can-do" tabindex="-1">What You Can Do <a class="header-anchor" href="#what-you-can-do" aria-hidden="true">#</a></h2><h3 id="help-fellow-users" tabindex="-1">Help Fellow Users <a class="header-anchor" href="#help-fellow-users" aria-hidden="true">#</a></h3><p>Code contribution is not the only form of contribution to the Vue community. Answering a question for a fellow Vue user on Discord or the forum is also considered a valuable contribution.</p><h3 id="help-triage-issues" tabindex="-1">Help Triage Issues <a class="header-anchor" href="#help-triage-issues" aria-hidden="true">#</a></h3><p>Triaging an issue means gathering missing information, running the reproduction, verifying the issue&#39;s validity, and investigating the cause of the issue.</p><p>We receive many issues in <a href="javascript:;" target="_blank" rel="noopener noreferrer">our repositories on GitHub</a> every single day. Our bandwidth is limited compared to the amount of users we have, so issue triaging alone can take an enormous amount of effort from the team. By helping us triage the issues, you are helping us become more efficient, allowing us to spend time on higher priority work.</p><p>You don&#39;t have to triage an issue with the goal of fixing it (although that would be nice too). Sharing the result of your investigation, for example the commit that led to the bug, can already save us a ton of time.</p><h3 id="contribute-code" tabindex="-1">Contribute Code <a class="header-anchor" href="#contribute-code" aria-hidden="true">#</a></h3><p>Contributing bug fixes or new features is the most direct form of contribution you can make.</p><p>The Vue core repository provides a <a href="javascript:;" target="_blank" rel="noopener noreferrer">contributing guide</a>, which contains pull request guidelines and information regarding build setup and high-level architecture. Other sub-project repositories may also contain its own contribution guide - please make sure to read them before submitting pull requests.</p><p>Bug fixes are welcome at any time. For new features, it is best to discuss the use case and implementation details first in the <a href="javascript:;" target="_blank" rel="noopener noreferrer">RFC repo</a>.</p><h3 id="share-and-build-your-experience" tabindex="-1">Share (and Build) Your Experience <a class="header-anchor" href="#share-and-build-your-experience" aria-hidden="true">#</a></h3><p>Apart from answering questions and sharing resources in the forum and chat, there are a few other less obvious ways to share and expand what you know:</p><ul><li><strong>Develop learning materials.</strong> It&#39;s often said that the best way to learn is to teach. If there&#39;s something interesting you&#39;re doing with Vue, strengthen your expertise by writing a blog post, developing a workshop, or even publishing a gist that you share on social media.</li><li><strong>Watch a repo you care about.</strong> This will send you notifications whenever there&#39;s activity in that repository, giving you insider knowledge about ongoing discussions and upcoming features. It&#39;s a fantastic way to build expertise so that you&#39;re eventually able to help address issues and pull requests.</li></ul><h3 id="translate-docs" tabindex="-1">Translate Docs <a class="header-anchor" href="#translate-docs" aria-hidden="true">#</a></h3><p>I hope that right now, you&#39;re reading this sentence in your preferred language. If not, would you like to help us get there?</p><p>See the <a href="javascript:;">Translations guide</a> for more details on how you can get involved.</p><h3 id="become-a-community-leader" tabindex="-1">Become a Community Leader <a class="header-anchor" href="#become-a-community-leader" aria-hidden="true">#</a></h3><p>There&#39;s a lot you can do to help Vue grow in your community:</p><ul><li><strong>Present at your local meetup.</strong> Whether it&#39;s giving a talk or running a workshop, you can bring a lot of value to your community by helping both new and experienced Vue developers continue to grow.</li><li><strong>Start your own meetup.</strong> If there&#39;s not already a Vue meetup in your area, you can start your own! Use the <a href="index30.html#getting-started" target="_blank" rel="noopener noreferrer">resources at events.vuejs.org</a> to help you succeed!</li><li><strong>Help meetup organizers.</strong> There can never be too much help when it comes to running an event, so offer a hand to help out local organizers to help make every event a success.</li></ul><p>If you have any questions on how you can get more involved with your local Vue community, reach out on Twitter at <a href="javascript:;" target="_blank" rel="noopener noreferrer">@vuejs_events</a>!</p></div></div><p class="edit-link" data-v-7d3b0a72=""><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke="currentColor" class="vt-icon" data-v-7d3b0a72=""><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11 5H6a2 2 0 00-2 2v11a2 2 0 002 2h11a2 2 0 002-2v-5m-1.414-9.414a2 2 0 112.828 2.828L11.828 15H9v-2.828l8.586-8.586z"></path></svg><a class="vt-link link" href="javascript:;" target="_blank" rel="noopener noreferrer" data-v-7d3b0a72=""><!--[-->Edit this page on GitHub<!--]--><!----></a></p></main><!--[--><!--]--><!----></div></div></div></div><div class="visually-hidden" aria-live="polite" data-v-204468d7="">Community Guide has loaded</div></div></div>
    <script>__VP_HASH_MAP__ = JSON.parse("{\"about_coc.md\":\"ec124486\",\"about_community-guide.md\":\"ecd55cd7\",\"about_faq.md\":\"72885423\",\"about_releases.md\":\"cb8e2868\",\"about_team.md\":\"1d08e2ec\",\"api_application.md\":\"5d4f5e30\",\"api_built-in-components.md\":\"084e6f14\",\"api_built-in-directives.md\":\"42070cc6\",\"api_built-in-special-attributes.md\":\"594f5868\",\"api_built-in-special-elements.md\":\"a01aa982\",\"api_component-instance.md\":\"efd278b7\",\"api_composition-api-dependency-injection.md\":\"44bab61d\",\"api_composition-api-lifecycle.md\":\"ef0645d7\",\"api_composition-api-setup.md\":\"397119f6\",\"api_custom-renderer.md\":\"f41bc6d0\",\"api_general.md\":\"835927b3\",\"api_index.md\":\"7cca9005\",\"api_options-composition.md\":\"c30dac4e\",\"api_options-lifecycle.md\":\"d63a3077\",\"api_options-misc.md\":\"4816748d\",\"api_options-rendering.md\":\"9fd1fb2f\",\"api_options-state.md\":\"f0bd627e\",\"api_reactivity-advanced.md\":\"270a2bb7\",\"api_reactivity-core.md\":\"da8e7de7\",\"api_reactivity-utilities.md\":\"b993819a\",\"api_render-function.md\":\"7749bc39\",\"api_sfc-css-features.md\":\"3d2a8d46\",\"api_sfc-script-setup.md\":\"a8a8ad90\",\"api_sfc-spec.md\":\"6fcb6bd7\",\"api_ssr.md\":\"4a47f334\",\"api_utility-types.md\":\"9db9f5be\",\"ecosystem_partners.md\":\"6dc1e8a2\",\"ecosystem_themes.md\":\"98d231c3\",\"ecosystem_video-courses.md\":\"d429bab9\",\"examples_index.md\":\"0bae3c4d\",\"guide_best-practices_accessibility.md\":\"4131dd32\",\"guide_best-practices_performance.md\":\"270f0e39\",\"guide_best-practices_production-deployment.md\":\"39962654\",\"guide_best-practices_security.md\":\"d5f7af17\",\"guide_built-ins_keep-alive.md\":\"598c6bbc\",\"guide_built-ins_suspense.md\":\"a834ce77\",\"guide_built-ins_teleport.md\":\"de433da2\",\"guide_built-ins_transition-group.md\":\"4e15c47e\",\"guide_built-ins_transition.md\":\"e8dcf9a2\",\"guide_components_async.md\":\"0607f4aa\",\"guide_components_attrs.md\":\"8959ac38\",\"guide_components_events.md\":\"85dbe5dd\",\"guide_components_props.md\":\"b7ecc08c\",\"guide_components_provide-inject.md\":\"a0e3bc5c\",\"guide_components_registration.md\":\"9f7e5da3\",\"guide_components_slots.md\":\"42563fde\",\"guide_essentials_application.md\":\"9a5bb921\",\"guide_essentials_class-and-style.md\":\"d0cd6449\",\"guide_essentials_component-basics.md\":\"b6bfed3e\",\"guide_essentials_computed.md\":\"ba7233ad\",\"guide_essentials_conditional.md\":\"da6c3c96\",\"guide_essentials_event-handling.md\":\"0c3008e1\",\"guide_essentials_forms.md\":\"d36122b9\",\"guide_essentials_lifecycle.md\":\"acdc7afe\",\"guide_essentials_list.md\":\"ba9403a8\",\"guide_essentials_reactivity-fundamentals.md\":\"7bbaecfe\",\"guide_essentials_template-refs.md\":\"0d03ff0b\",\"guide_essentials_template-syntax.md\":\"4c8e4d4e\",\"guide_essentials_watchers.md\":\"98aa932c\",\"guide_extras_animation.md\":\"77876636\",\"guide_extras_composition-api-faq.md\":\"fa5638e4\",\"guide_extras_custom-renderer.md\":\"5826a538\",\"guide_extras_reactivity-in-depth.md\":\"a4a19575\",\"guide_extras_reactivity-transform.md\":\"b648ca29\",\"guide_extras_render-function.md\":\"1d0e3e6c\",\"guide_extras_rendering-mechanism.md\":\"cb6fc521\",\"guide_extras_ways-of-using-vue.md\":\"4836a5f1\",\"guide_extras_web-components.md\":\"3f29b689\",\"guide_introduction.md\":\"8d449b0a\",\"guide_quick-start.md\":\"7b2a84a9\",\"guide_reusability_composables.md\":\"3dfa7125\",\"guide_reusability_custom-directives.md\":\"f9797308\",\"guide_reusability_plugins.md\":\"ae1e06eb\",\"guide_scaling-up_routing.md\":\"2eaec42f\",\"guide_scaling-up_sfc.md\":\"99c22966\",\"guide_scaling-up_ssr.md\":\"95786d3c\",\"guide_scaling-up_state-management.md\":\"d02894e9\",\"guide_scaling-up_testing.md\":\"81c551f9\",\"guide_scaling-up_tooling.md\":\"55454d55\",\"guide_typescript_composition-api.md\":\"8768bde3\",\"guide_typescript_options-api.md\":\"bbdb5348\",\"guide_typescript_overview.md\":\"7926b2b2\",\"index.md\":\"c6095b08\",\"sponsor_index.md\":\"9b167316\",\"style-guide_index.md\":\"152edb14\",\"style-guide_rules-essential.md\":\"de5cf114\",\"style-guide_rules-recommended.md\":\"a594646e\",\"style-guide_rules-strongly-recommended.md\":\"c119705a\",\"style-guide_rules-use-with-caution.md\":\"50bd1c99\",\"translations_index.md\":\"69c6ce32\",\"tutorial_index.md\":\"f1deb7e2\"}")</script>
    <script type="module" async="" src="static/js/app.a30aa7c3.js"></script>
    
  </body>
</html>